
<!-- /PAGE HEADER -->
<!-- FORMS -->
<div class="col-md-12">
		<!-- BOX -->
		<div class="box border green">
			<div class="box-title">
				<h4><i class="fa fa-table"></i>新闻列表</h4>
				<div class="tools hidden-xs">
					<a href="#box-config" data-toggle="modal" class="config">
						<i class="fa fa-cog"></i>
					</a>
					<a href="javascript:;" class="reload">
						<i class="fa fa-refresh"></i>
					</a>
					<a href="javascript:;" class="collapse">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a href="javascript:;" class="remove">
						<i class="fa fa-times"></i>
					</a>
				</div>
			</div>
			<form enctype="multipart/form-data"  name="forms" action="index.php?admin=1&c=news&a=add" method="post" accept-charset="utf-8">
				<div class="box-body">
					<div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
					<div class="row">
					<div class="col-sm-12">
					<div class="pull-right">
						<div class="dataTables_filter" id="datatable1_filter">
							<label>
								<input aria-controls="datatable1" placeholder="Search" class="form-control input-sm" type="text">
							</label>
						</div>
					</div>
					<div class="pull-left">
						<div id="datatable1_length" class="dataTables_length">
							 <select name="selects" id="sel" size="1" name="datatable1_length" aria-controls="datatable1" class="form-control input-sm" style="font-size: 15px;color:black;" >
								<option >请选择</option>
								<option value="1">审核通过</option>
								<option value="2">批量删除</option>
							</select>
							<input type="submit" id="btn-sumbit" name="sel_more" value="提交" class="btn btn-danger">
							<input type="button" id="btn-add"  value="添加一行" class="btn btn-danger">

							 <!-- <input class="btn btn-success" type="button" id="selectAll"  value="全选""/>
							<input class="btn btn-success" type="button" id="reverse"  value="反选" "/>
							<select name="selects" id="sel" size="1" name="datatable1_length" aria-controls="datatable1" class="form-control input-sm" style="font-size: 15px;color:black;" >
								<option selected="selected" id="no">请选择</option>
								<option value="1" id="dele">批量删除</option>
								<option value="2" id="audit">审核通过</option>
								<option value="3" id="noaudit">审核不通过</option>
							</select>
							<input type="submit" onclick="chan()"  name="sel_more" value="提交" class="btn btn-danger">
							<input id="addbtn" type="button" name="" value="新增数据行+" class="btn btn-success"> -->
						</div>
					</div>
						<div class="clearfix"></div>
						</div>
					</div>
					<table  class="datatable table table-striped table-bordered table-hover dataTable" aria-describedby="datatable1_info" cellspacing="0" cellpadding="0" border="0">
						<thead>
							<tr role="row">
								<th ><input name="check[]" type="checkbox" id="all"></th>
								<th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" >ID</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 375px;" aria-label="Browser: activate to sort column ascending">标题
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 100px;" aria-label="Browser: activate to sort column ascending">图片
								</th>
								<th class="hidden-xs sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 352px;" aria-label="Platform(s): activate to sort column ascending">内容
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 100px;" aria-label="Engine version: activate to sort column ascending">作者
								</th>
								<th class="hidden-xs sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 200px;" aria-label="CSS grade: activate to sort column ascending">新闻类型
								</th>
								<th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 100px;" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">状态
								</th>
								<th class="sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 90px;" aria-label="Browser: activate to sort column ascending">发布者
								</th>
								<th class="hidden-xs sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 200px;" aria-label="Platform(s): activate to sort column ascending">发布时间
								</th>
								<th class="hidden-xs sorting" role="columnheader" tabindex="0" aria-controls="datatable1" rowspan="1" colspan="1" style="width: 352px;" aria-label="Platform(s): activate to sort column ascending">操作
								</th>

							</tr>
						</thead>

					<tbody role="alert" aria-live="polite" aria-relevant="all" class="tbody">
						<!-- 借助php把数据输出来 -->
						<?php foreach($data as $v): ?>
						<tr class="gradeA odd" id="list">
								<td ><input type="checkbox"  name="check[]" value="<?php echo $v['id']?>" /></td>
								<td class="  sorting_1" value="<?php echo $v['id'] ?>"><?php echo $v['id']?></td>
								<td filed="title" class="db_edit"><?php echo $v['title']?></td>
								<td><img src="<?php echo empty($v['url'])?'zw.jpg':$v['url'];?>" alt="" width="50" height="50"></td>
								<td filed="content" class="hidden-xs db_edit"><?php echo mb_substr($v['content'],0,20,'utf8').'...'?></td>
								<td class="center "><?php echo $v['author']?></td>
								<td filedcate="name" class="center hidden-xs catelist" cid="<?php echo $v['cate_id']?>"><?php echo $v['name']?></td>
								<!-- <td class="  sorting_1"><?php echo ($v['status'])?'通过':'未通过'?></td> -->
								<td class="center hidden-xs"><!-- status为创建的自定义属性，存储输出测状态值 -->
									<button type="button" status="<?php echo $v['status'];?>" class="btn <?php echo ($v['status']==1)?'btn-success':'btn-danger';?>  btn-xs">
										<i class="fa <?php echo ($v['status']==1)?'fa-check':'fa-times';?> "></i>
									</button>
								</td>
								<td class=" "><?php echo $v['send_user']?></td>
								<td class="hidden-xs "><?php echo $v['create_time']?></td>
								<td class="hidden-xs ">
									<a  href="index.php?&admin=1&c=news&a=edit&id=<?php echo $v['id']?>" class="btn btn-info"><i class="fa fa-pencil-square-o"></i> 编辑</a>
									<a  href="index.php?&admin=1&c=news&a=del&id=<?php echo $v['id']?>" onclick="return confirm('真的要删除吗？')" class="btn btn-danger"><i class="fa fa-trash-o"></i> 删除</a>
								</td>
							</tr>
						<?php endforeach; ?>
						</tbody>
					</table>
							<div class="row">
								<div class="col-sm-12">
									<div class="pull-left">
									   <div class="dataTables_info" id="datatable1_info">
									   	<input type="checkbox" id="sel_all" />全选
									   </div>
									</div>
									<div class="pull-right">
										<div class="dataTables_paginate paging_bs_full" id="datatable1_paginate">
											<ul class="pagination">


												<?php echo $pages;?>

											</ul>
										</div>
									</div>
									<div class="clearfix">

									</div>
								</div>
							</div>
						</div>
				</div>
			</form>
		</div>
		<!-- /BOX -->
	</div>

<script src="resources/admin/js/jquery/jquery-2.0.3.min.js"></script>
<script  type="text/javascript" >
$(function(){
	//后续讲解的批量删除功能
	$('#sel_all').click(function() {
		//如何判断：1、is(':checked') 2、prop('checked'); 3、arrt('checked')
		//第一种方式实现
		// if($(this).is(':checked')){
		// 	$('tbody :checkbox').prop('checked', true);
		// }else{
		// 	$('tbody :checkbox').prop('checked', false);
		// }

		//第二种方法
		//讲解：如果处于勾选状态，则返回true,那么true赋给了tbody :checkbox。不勾选则返回false
		$('tbody :checkbox').prop('checked', $(this).is(':checked'))
	});

	//提交按钮
	$('#btn-sumbit').click(function() {
		var i=$('select').get(0).selectedIndex;//获取下拉列表
		if(i==0){
			alert('请选择下拉列表操作类型');
		}

		//列表数据的复选框选中的长度
		var len=$('tbody :checkbox:checked').length;
		if(len==0){
			alert('请选择勾选至少一项');
		}

		 var val=$().val();//获取选中的下拉列表值

		 if (val==1) {
		 	$('form').attr('action','index.php?c=news&a=status&admin=1');
		 }else{
		 	$('form').attr('action','index.php?c=news&a=del&admin=1');
		 }

	});

//后续讲解的添加一行的操作
$('#btn-add').click(function() {
	var newsType=new Array();
	$.ajax({
		url: 'index.php?c=cate&a=add&admin=1',
		type: 'get',
		dataType: 'json',
		async:true,
		success:function(e){
			newsType=e;

			var html='';
	html+='<tr class="gradeA odd" id="list">';
		html+='<td ></td>';
		html+='<td class="  sorting_1" name="id"></td>';

		html+='<td filed="title" class=""><input type="text" name="title" class="form-control" id="inputPassword3" placeholder="请输入标题"></td>';

		html+='<td ><input type="file" name="file[]" multiple placeholder="请选择图片"></td>';

		html+='<td filed="content" class="hidden-xs"><input type="text" name="content" class="form-control" id="inputPassword3" placeholder="请输入内容"></td>';

		html+='<td class="center " name="author"><input type="text" name="author" style="width:200px" class="form-control" id="inputPassword3" placeholder="请输入作者"></td>';

		html+='<td filedcate="name" class="center hidden-xs selectcate">';
				html+='<select class="form-control select_cate">';
				html+='<option value="0">请选择分类</option>';
				     for(i in newsType){
				html+='<option value="'+newsType[i].id+'">'+newsType[i].name+'</option>';
						}
				html+='</select>';
		html+='</td>';
		html+='<td class="type hidden-xs"></td>';

		html+='<td class="center hidden-xs "><select><option value="0">不通过</option><option value="1">通过</option></select></td>';

		// html+='<td class="hidden-xs ">';
		// html+='<a href="#" class="btn btn-info"><i class="fa fa-pencil-square-o"></i>保存</a>';
		// 	html+='<a href="#" class="btn btn-danger"><i class="fa fa-pencil-square-o"></i>取消</a>'
		// html+='</td>';
		html+='<td class="hidden-xs ">';
			html+='<button type="submit" class="btn btn-pink">提交</button>&nbsp;&nbsp;&nbsp;';
			html+='<button id="resetbtn" type="reset" class="btn btn-success">取消</button>';
		html+='</td>';
	html+='</tr>';

	$('tbody').prepend(html);

	$('.type').on('change', '.select', function() {
		child($(this));
	})

		}
	})

});

//第一种方式追加子级
 //点击新增数据行，添加一条数据时的分类选择的追加
		function child() {
			//删除当前操作之后的所有select标签
			$(this).nextAll().remove();
			if ($(this).get(0).selectedIndex==0) {//$(this).get(0).selectedIndex==0说明现在操作的是第一个选项
				return false;
			}
			//选中项的id值
			var id=$(this).val();
			//通过ajax获取选中项的子级数据
			$.ajax({
				type:'get',
				url:'index.php?admin=1&c=cate&a=add&id='+id,
				dataType:'json',
				success:function(json){
					//将程序返回的子级数据显示在下拉列表中
					var html='';
					html+='<select>';
						html+='<option value="'+id+'">上一级</option>';
						for (i in json) {
							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
						}
					html+='</select>';
					//将新的下拉列表追加在原来的下拉列表后面
					$('.type').append(html);
				}
			})
		}


//第二种方式追加子级
//  //点击新增数据行，添加一条数据时的分类选择的追加
// 		$('type').on('change','select',function() {
// 			//删除当前操作之后的所有select标签
// 			$(this).nextAll().remove();
// 			if ($(this).get(0).selectedIndex==0) {//$(this).get(0).selectedIndex==0说明现在操作的是第一个选项
// 				return false;
// 			}
// 			//选中项的id值
// 			var id=$(this).val();
// 			//通过ajax获取选中项的子级数据
// 			$.ajax({
// 				type:'get',
// 				url:'index.php?admin=1&c=cate&a=add&id='+id,
// 				dataType:'json',
// 				success:function(json){
// 					//将程序返回的子级数据显示在下拉列表中
// 					var html='';
// 					html+='<select>';
// 						html+='<option value="'+id+'">上一级</option>';
// 						for (i in json) {
// 							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
// 						}
// 					html+='</select>';
// 					//将新的下拉列表追加在原来的下拉列表后面
// 					$('.type').append(html);
// 				}
// 			})
// 		})









	//alert(1);
	//绑定点击事件
	//阻止页面重新加载
	//抓取ul标签的类pagination
	//$('.pagination li').click(function() {
		$('.pagination').on('click', 'li', function() {//记住：li的前面不要加.号！！！！！！

		//获取a标签的href属性的值
		var url=$(this).find('a').attr('href');
		//console.log(url);return false;
		$.ajax({
			type:'get',//发送的请求类型 get/post
			url:url,//请求的路径
			//data:{},//要提交到后台的数据
			dataType:'json',//将后台的返回数据转成js的json格式  打印json结构之前，要先确定输出的数据都是json结构，要不然json会炸掉，这也是为什么这句话是最后才写的原因。
			//async:true; 当ajax发送请求，只要服务器后台没有把数据返回，下面的代码就不会去执行
			//async:true;//将ajax的异步传输修改成同步传输，默认情况下ajax是异步传输（true），但也支持同步传输（false）

			success:function(json){//专门介绍后台服务器返回到前台的数据 回调函数：专门获取程序那边返回的数据，数据统一存储在json变量中
				//console.log(json[0].title);
				//alert(json);
			var html='';

			/*json=array(
				'data'=>$data,//要访问$date,必须要先获取下标'data' ，访问到值$data之后，把它存储到var data变量里面，那么data变量就是$data
				'pages'=>$pages,
				)*/

			var data=json.data;//字符串要用点.
			/*data=array(
					0=>object,
					1=>object,
					2=>object,
				)*/

			for(i in data){
				html+='<tr class="gradeA odd" id="list">';
					html+='<td ><input type="checkbox" name="check[]" value="'+data[i].id+'"</td>';
					html+='<td class="  sorting_1" >'+data[i].id+'</td>';//或者data[i].id可以写成json.data[i].id
					html+='<td filed="title" class="db_edit">'+data[i].title+'</td>';

					//var url=empt($v['url'])?'zw.jpg':$v['url'];
					var url=data[i].url==null?'zw.jpg':data[i].url;
					html+='<td ><img src="'+url+'" alt="" width="50" height="50"></td>';

					// mb_substr($v['content'],0,20,'utf8').'...'
					html+='<td filed="content" class="hidden-xs db_edit">'+mb_substr(data[i].content,0,20,'utf8').'...')+'</td>';
					html+='<td class="center ">'+data[i].author+'</td>';
					html+='<td filedcate="name" class="center hidden-xs catelist" cid="<?php echo $v['cate_id']?>">'+data[i].name+'</td>';

					var cls=(data[i].status==1)?'btn-success':'btn-danger';//状态按钮类
					var icon=(data[i].status==1)?'fa-check':'fa-times';//状态按钮类
					html+='<td class="center hidden-xs">';
						html+='<button status="'+data[i].status+'" class="btn '+cls+' btn-xs"><i class="fa '+icon+' "></i></button>';
					html+='</td>';
					html+='<td class=" ">'+data[i].send_user+'</td>';
					html+='<td class="hidden-xs">'+data[i].create_time+'</td>';
					html+='<td class="hidden-xs ">';
						html+='<a  href="index.php?&admin=1&c=news&a=edit&id='+data[i].id+'" class="btn btn-info">';
						html+='<i class="fa fa-pencil-square-o"></i> 编辑</a>';
						html+='<a  href="index.php?&admin=1&c=news&a=del&id='+data[i].id+'>" onclick="return confirm(真的要删除吗？)" class="btn btn-danger">';
						html+='<i class="fa fa-trash-o"></i> 删除</a>';
					html+='</td>';
				html+='</tr>';
			}
			console.log(html);
			$('.tbody').html(html);//替换原来显示的数据
			$('.pagination').html(json.pages);//页码替换
		}
	})
		return false;
	});


	//双击编辑列表数据,dblclick双击
	//$('.db_edit').dblclick(function(event) {
	//抓取'tbody'父级标签，绑定的时候是给子级'.db_edit'绑定
	$('tbody').on('dblclick','td.db_edit',function(event) {
		//查找所有可编辑的td标签是否有input标签
		//console.log($('tbody :text').length);
		var len=$('tbody :text').length;//查找整个列表页面中是否有一个input标签，并获取它的长度
		if(len>0){//判断：大于01这说明整个列表页面有一个input标签
			//先获取之前已经显示的input标签的val值
			var val=$('tbody :text').val();
			/*
			 1、<td class="hidden-xs db_edit">
				$('tbody :text')-》<input value="继马林之后，中超第二位“下课”的主教练已..." type="text">
			</td>
			替换成：
		   2、<td class="hidden-xs db_edit">
				继马林之后，中超第二位“下课”的主教练已...
			</td>

			那么要做的就是抓取2、里面的td的文本标签，然后改变td标签的文本内容
			那怎么找到td标签呢？即通过我找到的1、里的input标签去找
			*/

			//将显示的input标签val值替换掉input标签即可回复成原来未编辑的效果
			//$('tbody :text')抓取已经显示的input标签，然后在该标签的基础上找到他的父级也就是td标签（使用parent()来查找标签的父级）,找到以后将父级的文本替换掉
			$('tbody :text').parent().text(val);//input的parent()父级就是td,然后把td的text()文本给重新的替换掉
		}

	//纯文本用text()即可，但是用html()也可以。为什么用text()而不用val()：因为val()是针对于input标签的，而td是成对标签，成对标签要用text()
	//获取双击编辑的数据
		var txt=$(this).text();//将获取到得内容存储到变量txt中,之前的值
		//console.log(txt);
		var inp='<input type="text" value="'+txt+'"/>';//将获取到的值拼接到input里面
		//console.log(inp);
		//将要编辑的td内容替换成输入框的形式显示
		$(this).html(inp);
		//获取焦点事件
		$('tbody :text').focus();
		//绑定失去焦点事件
		$('tbody :text').blur(function(event) {
			//alert(txt);

			//抓取要修改的数据id
			//var id=$(this).parent().parent().find('td:first').text();
			var id=$(this).parent().parent().find('td:first input').val();
			//console.log($(this).parent().parent().find('td:first').text());
			//获取要修改的字段名
			var filed=$(this).parent().attr('filed');

			//alert(4);
			//先把数据恢复成原来的状态
			//当input标签失去焦点则获取失去焦点的input标签的val值
			var val=$(this).val();//获取原来输入框的值 ,现在的值


			//找到失去焦点的那个input标签的父级，然后用编辑过的新数据替换掉父级（td)的文本内容，让显示效果回复成原来的状态
			$(this).parent().text(val);//找到失去焦点的那个input标签的父级，把input标签干掉

			//优化点击但不修改之后出现的错误提示
			//判断修改的值和之前的值是否一致
			if (val==txt) {
				return false;
			}

			//input标签无跳转功能，所以不用加return false;
			$.ajax({
				type:'post',
				url:'index.php?c=news&a=edit&admin=1',
				data:{
					//'id','val','filed'为edit.php中$_POST的下标
					'id':id,//修改的数据id
					'val':val,//修改的字段的值
					'filed':filed,//修改的字段名
					'status':'-1'//用来充当区分
				},
				success:function(row){//根据返回受影响行数来提示修改是否成功
					//alert(row);
					if (parseInt(row)>0) {
						alert('修改成功啦');
					}else{
						alert('修改失败啦');
					}
				}
			})

		});
	});

	//状态事件按钮绑定
	//$('td').on('click','btn-xs',function(){
	$('tbody').on('click','button.btn-xs',function(){
		//alert(5);
		//抓取要修改的数据id
		//	    <button> <td>     <tr>
		var id=$(this).parent().parent().find('td:first input').val();
		//根据当前按钮状态
		if ($(this).attr('status')>0) {//通过$(this)获取刚刚点击的按钮的自定义状态属性的值，把判断它是否大于0 0表示不通过
			var status=0;//能进到if说明点击的按钮处于通过状态则把它修改成不通过状态
		}else{
			var status=1;
		}
		//修改botton标签的状态属性值
		$(this).attr('status',status);

		//把当前操作的对象存在临时变量里面,因为在ajax的succes回调函数中$(this)这个指向对象发生了改变.
		var obj=$(this);
		//console.log(status);
		$.ajax({
			type:'post',
			url:'index.php?c=news&&a=edit&admin=1',
			data:{
				'id':id,
				'status':status
			},
			success:function(json){
				console.log(json);
				//如果修改成功则修改显示状态
				if(json>0){
					//大于0表示要修改成通过状态
					if(status>0){
						//alert(1);
						//删除原来的状态类
						obj.removeClass('btn-danger');
						//添加新的状态类
						obj.addClass('btn-success');

						//删除原来的图标
						obj.find('i').removeClass('fa-times');
						//添加新的图标
						obj.find('i').addClass('fa-check');
					}else{
						//alert(2);
						//删除原来的状态类
						obj.removeClass('btn-success');
						//添加新的状态类
						obj.addClass('btn-danger');
						//删除原来的图标
						obj.find('i').removeClass('fa-check');
						//添加新的图标
						obj.find('i').addClass('fa-times');
					}
				}

			}
		})
	})
	/*jq实现全选反选*/
	/*全选*/
	$("#selectAll").click(function () {
   		$("input[name='check[]']").prop("checked", true);
	});
	/*反选*/
	$("#reverse").click(function () {
	    $("input[name='check[]']").each(function () {
	        $(this).prop("checked", !$(this).prop("checked"));
	    });
	});

	//点击新增数据行，添加一条数据
	$('#addbtn').click(function() {
			var html='';
				html+='<tr class="gradeA odd" id="list">';
					html+='<td ><input type="checkbox" name="check[]"</td>';
					html+='<td class="  sorting_1" name="id"></td>';

					html+='<td filed="title" class=""><input type="text" name="title" class="form-control" id="inputPassword3" placeholder="请输入标题"></td>';

					html+='<td ><input type="file" name="file[]" multiple placeholder="请选择图片"></td>';

					html+='<td filed="content" class="hidden-xs"><input type="text" name="content" class="form-control" id="inputPassword3" placeholder="请输入内容"></td>';

					html+='<td class="center " name="author"><input type="text" name="author" style="width:200px" class="form-control" id="inputPassword3" placeholder="请输入作者"></td>';

					html+='<td filedcate="name" class="center hidden-xs selectcate">';
							html+='<select class="form-control select_cate" name="cate_id">';
							html+='<option value="0">请选择分类</option>';
							       <?php foreach($cate as $v){?>
							html+='<option value="<?php echo $v['id']?>"><?php echo $v['name']?></option>';
									<?php }?>
							html+='</select>';

					html+='</td>';
					html+='<td class="center " name="status"><button class="btn btn-danger btn-xs"><i class="fa fa-times"></i></button></td>';
					html+='<td class=" " name="send_user"></td>';
					html+='<td class=" hidden-xs" name="create_time"></td>';
					html+='<td class="hidden-xs ">';
						html+='<button type="submit" class="btn btn-pink">提交</button>&nbsp;&nbsp;&nbsp;';
						html+='<button id="resetbtn" type="reset" class="btn btn-success">取消</button>';
					html+='</td>';
				html+='</tr>';
				$('tbody').append(html);//在tbody的内部之后追加一行

				$('#resetbtn').click(function() {
					document.forms.action="index.php?a=list&c=admin&admin=1";
					forms.submit();
				})

	})

	//点击新增数据行，添加一条数据时的分类选择的追加
		$('tbody').on('change','select',function() {
			//删除当前操作之后的所有select标签
			$(this).nextAll().remove();
			if ($(this).get(0).selectedIndex==0) {//$(this).get(0).selectedIndex==0说明现在操作的是第一个选项
				return false;
			}
			//选中项的id值
			var id=$(this).val();
			//通过ajax获取选中项的子级数据
			$.ajax({
				type:'get',
				url:'index.php?admin=1&c=cate&a=add&id='+id,
				dataType:'json',
				success:function(json){
					//将程序返回的子级数据显示在下拉列表中
					var html='';
					html+='<select class="form-control" name="cate_id">';
						html+='<option value="'+id+'">上一级</option>';
						for (i in json) {
							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
						}
					html+='</select>';
					//将新的下拉列表追加在原来的下拉列表后面
					$('.select_cate').append(html);
				}
			})
		})


	//优化列表的新闻类型，双击则显示下拉列表
	//不能用click，因为单击的时候会替换掉，则不容易进行选中，dblclick双击
	//不能在ajax里面使用$(this)，在里面使用会丢失，因为url:'index.php?admin=1&c=cate&a=edit&id='+id,他进入程序里面再出来的时候就不知道$(this)
		$('tbody').on('dblclick','td.catelist',function() {
			  var obj = $(this);//当前点击的这个，否则他会使点击的时候，所有的对应的其他也会弹出来(因为他们的类名是一样的)
              var id = $(this).attr('cid');//获取点击的td的属性cid，cid里面存储了查询出来的分类的id
              $.ajax({
              	type:'get',
              	url:'index.php?admin=1&c=cate&a=edit&id='+id,
              	dataType:'json',

              	success:function(json){
              		var html='';
              		for(var i in json){//首先循环json 父级
                	html+='<select class="form-control select_cate ca" name="pid">';
               			/*如果pid=0,即为顶级分类，其为二维数组，所以取的时候必须为json[i][0]*/
                        if(json[i][0].pid == 0){
                    		html+='<option value="0">顶级分类</option>';
                        }else{//如果pid!=0,则表示查询到的不再是顶级分类
                        	html+='<option value="'+json[i][0].pid+'">上一级</option>';
                        }
                        var option = json[i];
                    	for(var j in option){//循环子级
                    		str = '';
                    		if(option[j].id==i){//当option[j].id==i时为选中
                                str='selected';
                    		}
                    		html+='<option value="'+option[j].id+'"'+str+'>'+option[j].name+'</option>';
                         }
                	html+='</select>';
                	}
					obj.html(html);//替换原来显示的数据
              	}
              })
		})

		//点击修改
		//值改变事件，必须给对应于要操作的标签绑定事件
		$('tbody').on('change','.select_cate',function() {

			//删除当前操作之后的所有select标签
			$(this).nextAll().remove();

			var obj=$(this);//当前点击的


			//选中项的id值,即获取select中option的被选中的value值
			var id=$(this).val();

			//通过ajax获取选中项的子级数据
			$.ajax({
				type:'get',
				url:'index.php?admin=1&c=cate&a=add&id='+id,

				dataType:'json',
				success:function(json){
					//将程序返回的子级数据显示在下拉列表中
					var html='';
					html+='<select ca class="form-control" name="cate_id">';
					html+='<option value="'+id+'">上一级</option>';
					for (i in json) {
						html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
					}
					html+='</select>';
					//将新的下拉列表追加在原来的下拉列表后面
					 obj.parent().append(html);
				}
			})
		})

})


</script>


<script type="text/javascript">
	function chan(){//因为批量操作那里也需要提交数据，但是form表单的路径已经固定了，提交批量操作的时候会跳转到form表单提交的路径那里去，因此在提交批量操作的时候要更改其路径
		document.forms.action="index.php?a=list&c=news&admin=1";
		forms.submit();
}

</script>




<!-- js实现全选反选 -->
<!-- <script type="text/javascript">

function all_select(){/*全选*/
	var check=document.getElementsByName('check');
	//console.log(check);
	for(i in check)
	{
		check[i].checked=true;
	}
}
function fan_select(){/*反选*/
	var check=document.getElementsByName('check');
	//console.log(check);
	for(i in check)
	{
		if (check[i].checked=true) {
			check[i].checked=false;
		}else{
			check[i].checked=true
		}
	}
}
</script> -->







